.content{
	padding: 0;
	margin: 0;
}
.content .big-img{
	width: 100%;
	min-width: 800px;
	height: 300px;
	background: url('../images/home-1.png') no-repeat;
	background-size: 100% 100%;
	line-height: 300px;
	text-align: center;
	color: #faf032;
	font-size: 40px;
}
.content .main-content{
	margin: 0 auto;
	width: 800px;
	box-sizing: border-box;
}
/*left-part*/
.content .main-content .left-part{
	width: 75%;
	float: left;
	padding: 40px 15px;
	box-sizing: border-box;
}
.content .main-content .left-part .intro{
	width: 100%;
	height: 180px;
	background: #50699b;
	box-sizing: border-box;
}
.content .main-content .left-part .intro img{
	width: 45%;
	height: 180px;
	margin-left: 20px;
	margin-top: -20px;
}
.content .main-content .left-part .intro .intro-word{
	width: 50%;
	height: 150px;
	float: right;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
}
.content .main-content .left-part .intro .intro-word h3{
	line-height: 3.4em;
}
.content .main-content .left-part .intro .intro-word span{
	font-size: 12px;
	line-height: 1.75em;
}
.content .main-content .left-part .repo{
	width: 50%;
	height: 240px;
	padding: 30px 10px;
	float: left;
	box-sizing: border-box;
}
.content .main-content .left-part .repo .repo-header{
	width: 100%;
}
.content .main-content .left-part .repo .repo-header .symbol{
	vertical-align: middle;
	/*width: 40px;
	height: 40px;*/
}
.content .main-content .left-part .repo .repo-header .symbol-title{
	font-size: 16px;
	font-weight: bolder;
	color: #5e81c4;
}
.content .main-content .left-part .repo .repo-header .line-style{
	width: 100%;
	background: url('../images/home-2.png') no-repeat;
	background-size: 100% 100%;
	margin-top: -12px;
}
.content .main-content .left-part .repo ul{
	width: 100%;
	padding: 5px 20px;
	box-sizing: border-box;
	font-size: 12px;
	color: #ffcf74;
	list-style-position: inside;
}
.content .main-content .left-part .repo ul li{
	width: 100%;
	
	line-height: 2em;
}
.content .main-content .left-part .repo ul li a{	
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
.content .main-content .left-part .repo ul li a span{
	color: #999;
}
.content .main-content .left-part .repo ul li a .space{
	display: inline-block;
    width: 10%;
}
/*right-part*/
.content .main-content .right-part{
	width: 25%;
	float: left;
	padding: 40px 10px;
	box-sizing: border-box;
}
.content .main-content .right-part .import-repo{
	width: 100%;
	height: 300px;
	box-sizing: border-box;
}
.content .main-content .right-part .import-repo .import-repo-header{
	width: 100%;
}
.content .main-content .right-part .import-repo .import-repo-header .import-symbol{
	vertical-align: middle;
}
.content .main-content .right-part .import-repo .import-repo-header .import-symbol-title{
	font-size: 16px;
	font-weight: bolder;
	color: #5e81c4;
}
.content .main-content .right-part .import-repo .import-repo-header hr{
	border-width: 2px;
	border-color: #5e81c4;
}
.content .main-content .right-part .import-repo .import-main{
	width: 100%;
	padding: 20px 8px;
	box-sizing: border-box;
}
.content .main-content .right-part .import-repo .import-main .rect{
	width: 100%;
	height: 35px;
	margin-top: 5px;
	background: #eee;
}
.content .main-content .right-part .import-repo .import-main .rect-1{
	width: 50%;
	height: 100px;
	margin-top: 10px;
	background: #eee;
	background-clip: content-box;
	float: left;
	padding: 0px 6px;
	box-sizing: border-box;
}
/*修改*/
.slide{width:100%;height:400px;margin:0 auto;overflow:hidden;position:relative;}
.slide .clickCbana{    position: absolute;
    z-index: 999999;
    left: 50%;
    bottom: 17px;
    width: 206px;
    margin-left: -90px;}
.slide img{position:absolute;width: 100%;    height: 100%;}
.clickCbana a{float:left;display:block;background-color:#ccc;height: 5px;width:38px;margin-left: 3px;}
.on{background-color:#1c5aa2 !important;text-decoration: none;}
.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
}
.swipe-wrap {
    overflow: hidden;
    position: relative;
    height: 100%;
}
.swipe-wrap > div {
    float:left;
    width:100%;
    position: relative;
    height:100%;
}




@media (min-width: 1200px) {
	.content .big-img{
		min-width: 1200px;
	}
	.content .main-content{
		width: 1200px;
	}
	.content .main-content .left-part .repo ul li a .space{
	    width: 30%;
	}
	.content .main-content .right-part .import-repo .import-main .rect-1{
		padding: 0px 10px;
	}
}
